<script lang="ts" setup>
import { computed } from 'vue'
import { RouterName, useKeepAlive } from './store/keepAlive'

const store = useKeepAlive()

const keepAliveList = computed(() => {
  return store.keepAliveList.map((item) => item?.toString() || '')
})
</script>
<template>
  <nav>
    <router-link to="/">MATERIALHome</router-link> | 
    <router-link to="/about">MATERIALAbout</router-link>
  </nav>
  <router-view v-slot="{ Component }">
    <keep-alive>
      <component :is="Component" />
    </keep-alive>
  </router-view>
</template>
<style lang="less">

</style>
